<!DOCTYPE html>
<html>
<head>
    <% include ../common/public.ejs %>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title> </title>
    <style>
        #container {
            min-height: 100%;
            background: #ffd4b1;
        }

        .mainImg {
            display: block;
            width: 100%;
        }

        .couponPanel {
            background: #fef0dd;
            margin: 0 5%;
        }

        .couponPanel .couponBlock {
            padding: 10px 10px 10px;
        }

        .couponPanel .couponBlock + .couponBlock {
            padding-top: 0;
        }

        .couponPanel .couponBlock .coupon {
            background: linear-gradient(60deg, #ed5b20 10%, #e8370f 70%);
            border-radius: 15px;
            padding: 5px;
            color: #ffffff;
            cursor: default;
        }

        .couponPanel .couponBlock .coupon .couponBorder {
            border: 1px solid #ffffff;
            border-radius: 15px;
            padding: 10px;
            display: flex;
        }

        .couponPanel .couponBlock .coupon .couponBorder .price {
            font-size: 60px;
            line-height: 60px;
            position: relative;
            width: 100px;
            text-align: center;
        }

        .couponPanel .couponBlock .coupon .couponBorder .price .unit {
            position: absolute;
            top: 0;
            left: 0;
            font-size: 20px;
            line-height: 20px;
        }
        .couponPanel .couponBlock .coupon .couponBorder .price .unit.percent {
            width: 20px;
            height: 20px;
            font-size: 16px;
            text-align: center;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

        .couponPanel .couponBlock .coupon .couponBorder .info {
            flex: 1;
            font-size: 12px;
            padding: 0 10px;
        }

        .couponPanel .couponBlock .coupon .couponBorder .info > div {

        }

        .couponPanel .couponBlock .coupon .couponBorder .info > div.getButton {
            background: #fff;
            color: #e8370f;
            text-align: center;
            letter-spacing: 3px;
            margin-top: 5px;
            cursor: pointer;
            font-size: 16px;
            /*box-shadow: 5px 5px 5px #999;*/
        }

        .couponCenter{
            position: fixed;
            background: #fff;
            right: 0;
            width: 55px;
            height: 55px;
            border-radius: 0 0 0 60px;
            cursor: pointer;
            box-shadow: -3px 3px 10px #999;
        }
        .couponCenter .link{
            float: right;
            margin-right: 5px;
            margin-top: 5px;
            line-height: 16px;
            color: #000000;
        }
        footer{
            text-align: center;
            padding: 10px 0 5px;
            color: #000;
            opacity: 0.4;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div id="container">
    <div class="couponCenter">
        <a class="link" href="<%= global.config.path.contextPath %>/view/giftInfo?openId=<%= userData.openid %>&publicId=<%= body.publicId %>&orgCode=<%= body.orgCode %>&cardCode=<%= userData.cardCode %>">
            礼券<br/>中心
        </a>
    </div>
    <img src="#"
         class="mainImg" />
    <div class="couponPanel" id="couponPanel">
        <!--<div class="couponBlock">-->
            <!--<div class="coupon">-->
                <!--<div class="couponBorder">-->
                    <!--<div class="price">-->
                        <!--<span class="unit" style="left: auto;right: 10px;">折</span>-->
                        <!--8-->
                    <!--</div>-->
                    <!--<div class="info">-->
                        <!--<div>单笔正价消费</div>-->
                        <!--<div>满49元启用</div>-->
                        <!--<div class="getButton">立即领取</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>

    <footer>技术支持：上海法法信息</footer>
</div>
<% include ../common/footer.ejs %>
</body>
</html>
